﻿<phone:PhoneApplicationPage 
    x:Class="SMSAssistant.BackUpView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="Black" Background="White"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:live="clr-namespace:Microsoft.Live.Controls;assembly=Microsoft.Live.Controls"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="800" d:DesignWidth="480"
    shell:SystemTray.IsVisible="False">
    
        <!--LayoutRoot is the root grid where all page content is placed-->
 
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel Background="{StaticResource PhoneAccentBrush}" HorizontalAlignment="Stretch" x:Name="TitlePanel" Grid.Row="0" Margin="0">
            <TextBlock Name="msgLabel" Foreground="White" Margin="20,0" Text=" "/>
            <TextBlock Foreground="White" x:Name="PageTitle" Margin="20,-18,0,10" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>
<toolkit:PerformanceProgressBar Foreground="White" x:Name="progressIndicator" Margin="200,16,0,0" HorizontalAlignment="Stretch" VerticalAlignment="Top"/>
        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="2,0,12,0">
            <toolkit:MultiselectList Margin="0,20,0,160" x:Name="backupList" Grid.Row="2"  ItemsSource="{Binding Backups}" >
                <toolkit:MultiselectList.ItemContainerStyle>
                    <Style TargetType="toolkit:MultiselectItem">
                        <Setter Property="HintPanelHeight" Value="90"/>
                        <Setter Property="Margin" Value="2,18,2,-10"/>
                        <Setter Property="VerticalAlignment" Value="Bottom"/>
                        <Setter Property="VerticalContentAlignment" Value="Bottom"/>
                        <Setter Property="BorderThickness" Value="0,0,0,1"/>
                     </Style>
                </toolkit:MultiselectList.ItemContainerStyle>
                <toolkit:MultiselectList.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Margin="2">
                            <TextBlock Text="{Binding BackupTimeLocal}" 
                                       Margin="0,-10,0,-4"  Foreground="DarkGray" 
                                       FontSize="{StaticResource PhoneFontSizeLarge}" 
                                       FontFamily="{StaticResource PhoneFontFamilySemiLight}"/>

                            <TextBlock Text="{Binding}" 
                                       Foreground="{StaticResource PhoneAccentBrush}"
                                       FontSize="{StaticResource PhoneFontSizeNormal}"/>
                        </StackPanel>
                    </DataTemplate>
                </toolkit:MultiselectList.ItemTemplate>
                <toolkit:MultiselectList.ItemInfoTemplate>
                    <DataTemplate>
                        <Grid Margin="0,-16,0,-10" >
                            <!--<TextBlock Text="{Binding CreateTime}"/>-->
                            <Button Click="Button_Click" Background="{StaticResource PhoneAccentBrush}" BorderThickness="0" >
                                <Image Height="46" Width="46" Source="/Images/AppBarIcons/appbar.reply.png" />
                            </Button>
                        </Grid>
                    </DataTemplate>
                </toolkit:MultiselectList.ItemInfoTemplate>
            </toolkit:MultiselectList>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right"  VerticalAlignment="Bottom" Margin="0,0,0,80" >
                <TextBlock x:Name="userName" Foreground="Black" VerticalAlignment="Center" />
                <live:SignInButton x:Name="signinBtn" Background="{StaticResource PhoneAccentBrush}" Foreground="White"  ClientId="000000004C082888" Scopes="wl.skydrive_update" TextType="Custom" RedirectUri="https://oauth.live.com/desktop" BorderThickness="0" Branding="Skydrive"
           SessionChanged="SignInButton_SessionChanged"/>
            </StackPanel>
        </Grid>
    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>
